<template>
    <div>
        <div style="width: 100%;">
            <video-player class="video-player vjs-custom-skin"
                          ref="videoPlayer"
                          :playsinline="true"
                          :options="playerOptions">
            </video-player>
        </div>
    </div>
</template>

<script>
    import util from 'assets/js/util.js'
    import conf from 'assets/js/conf.js'
    // import neplayer from "assets/js/neplayer.min.js"
    // import "assets/css/neplayer.min.css"
    import {hex_md5} from "assets/js/md5.js"
    import videojs from 'video.js'
    import {videoPlayer} from 'vue-video-player'
    window.videojs = videojs;
    require('video.js/dist/video-js.css');
    require('videojs-contrib-hls/dist/videojs-contrib-hls.js');
    require('vue-video-player/src/custom-theme.css');

    export default {
        data() {
            return {
                videoWidth: 0,
                videoHeight: 0,
                meetingId: 0,
                token: "",
                watchList: [],
                player: null,
                playerOptions: {
                    // videojs and plugin options
                    autoplay: true,
                    sources: [{
                        withCredentials: false,
                        type: "application/x-mpegURL",
                        src: util.getUrlParam(document.location.href, 'videoUrl'),
                    }],
                    controlBar: {
                        timeDivider: false,
                        durationDisplay: false
                    },
                    flash: {hls: {withCredentials: false}},
                    html5: {hls: {withCredentials: false}},
                    notSupportedMessage: '该直播暂无法播放，请稍后再试',
                    poster: "//"//nos.netease.com/vod163/poster.png"
                }
            }
        },
        methods: {},
        created() {

        },
        mounted() {

        },
        components: {
            videoPlayer
        },
    }
</script>

<style>

</style>